<template>
	<tm-fullView>
		<tm-menubars :title="$t('通讯录')" iconColor="white" :showback="false"></tm-menubars>
		<tm-quickIndex @change="itemClick" :list="list"></tm-quickIndex>
	</tm-fullView>
</template>

<script>
	export default {
		data() {
			return {
				list: [{
						title: "A",
						children: [{
								title: "张三",
								icon: 'https://picsum.photos/100'
							},
							{
								title: "马斯克",
								icon: 'icon-QQ'
							},
							{
								title: "奔驰"
							},
							{
								title: "奔驰"
							},
							{
								title: "奔驰"
							},
							{
								title: "奔驰"
							},
							{
								title: "奔驰"
							},
							{
								title: "奔驰"
							},
						]
					},
					{
						title: "B手机品牌",
						index: "B",
						children: [{
								title: " 小米"
							},
							{
								title: "华为"
							},
							{
								title: "OPPO"
							},
							{
								title: "VIVO"
							},
							{
								title: "IQOO"
							},
							{
								title: "COOPAI"
							},
							{
								title: "IHPONE"
							},
							{
								title: "SNASUMG"
							},
						]
					},
					{
						title: "C电脑品牌",
						index: "C",
						children: [{
								title: " 联想"
							},
							{
								title: "华为"
							},
							{
								title: "OPPO"
							},
							{
								title: "VIVO"
							},
							{
								title: "IQOO"
							},
							{
								title: "COOPAI"
							},
							{
								title: "IHPONE"
							},
							{
								title: "SNASUMG"
							},
						]
					},
					{
						title: "D脑脑品牌",
						index: "D",
						children: [{
								title: " 联想"
							},
							{
								title: "华为"
							},
							{
								title: "OPPO"
							},
							{
								title: "VIVO"
							},
							{
								title: "IQOO"
							},
							{
								title: "COOPAI"
							},
							{
								title: "IHPONE"
							},
							{
								title: "SNASUMG"
							},
						]
					},
					{
						title: "E品脑品牌",
						index: "E",
						children: [{
								title: " 联想"
							},
							{
								title: "华为"
							},
							{
								title: "OPPO"
							},
							{
								title: "VIVO"
							},
							{
								title: "IQOO"
							},
							{
								title: "COOPAI"
							},
							{
								title: "IHPONE"
							},
							{
								title: "SNASUMG"
							},
						]
					},
				]
			}
		},
		methods: {
			itemClick(e) {

			}
		}
	}
</script>

<style>

</style>